/* --- Section Background Setup --- */
 /* Featured Restaurant  */
 .featured_section_glass {
     position: relative;
     padding: 60px 0;
     overflow: hidden;
     /* Optional: A very light gradient background for the section itself to make the glass pop */
     background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
 }

 /* --- The Glass Card --- */
 .glass-card {
     background: rgba(255, 255, 255, 0.75);
     /* Semi-transparent white */
     backdrop-filter: blur(16px);
     /* The "Frosted Glass" blur effect */
     -webkit-backdrop-filter: blur(16px);
     border: 1px solid rgba(255, 255, 255, 0.6);
     border-radius: 24px;
     /* Soft rounded corners */
     box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
     overflow: hidden;
     transition: all 0.4s ease;
     height: 100%;
     margin: 15px;
     /* Spacing for shadow */
     display: flex;
     flex-direction: column;
 }

 .glass-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 45px 0 rgba(31, 38, 135, 0.2);
     border-color: #fff;
 }

 /* --- Image & Gradient Overlay --- */
 .card-image-wrapper {
     position: relative;
     height: 220px;
     overflow: hidden;
 }

 .glass-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.6s ease;
 }

 /* Zoom effect on hover */
 .glass-card:hover .glass-img {
     transform: scale(1.08);
 }

 /* The Gradient Overlay requested */
 .card-gradient-overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
     z-index: 1;
 }

 /* Badge */
 .badge-featured {
     position: absolute;
     top: 15px;
     right: 15px;
     background: rgba(255, 255, 255, 0.9);
     color: #333;
     padding: 5px 12px;
     border-radius: 20px;
     font-size: 12px;
     font-weight: 700;
     z-index: 2;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 /* --- Content Styling --- */
 .card-content {
     padding: 25px;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .hotel-name {
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #888;
     margin-bottom: 5px;
     font-weight: 600;
 }

 .res-name {
     font-size: 22px;
     font-weight: 800;
     color: #222;
     margin-bottom: 10px;
     line-height: 1.3;
 }

 .location-tag {
     font-size: 14px;
     color: #666;
     margin-bottom: 25px;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 /* --- The Brand Blue Button --- */
 .btn-glass-brand {
     margin-top: auto;
     /* Pushes button to bottom */
     width: 100%;
     text-align: center;
     background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
     /* Adjust to your specific Brand Blue Hex code */
     color: #fff !important;
     padding: 12px 20px;
     border-radius: 50px;
     /* Pill shape */
     text-decoration: none;
     font-weight: 600;
     box-shadow: 0 4px 15px rgba(0, 123, 255, 0.4);
     transition: all 0.3s ease;
     border: 1px solid rgba(255, 255, 255, 0.2);
 }

 .btn-glass-brand:hover {
     background: linear-gradient(135deg, #0056b3 0%, #004494 100%);
     box-shadow: 0 6px 20px rgba(0, 123, 255, 0.6);
     transform: translateY(-2px);
 }

 /* --- Decorative Blobs (Background) --- */
 .glass-blob {
     position: absolute;
     border-radius: 50%;
     filter: blur(80px);
     z-index: -1;
     opacity: 0.6;
 }

 .blob-1 {
     top: -10%;
     left: -10%;
     width: 500px;
     height: 500px;
     background: #ffe2e2;
 }

 .blob-2 {
     bottom: -10%;
     right: -10%;
     width: 400px;
     height: 400px;
     background: #e2f0ff;
 }